@charset "UTF-8";
@import "function";
@import "element";

* {
    outline: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
ul,li,ol {
    list-style: none;
}
a {
    text-decoration: none;
    color: #000;
}

.el-button[block] {
    display: block;
    width: 100%;
}

.ke {
    &-avatar {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        color: rgba(0,0,0,.65);
        font-size: 14px;
        font-variant: tabular-nums;
        list-style: none;
        font-feature-settings: "tnum","tnum";
        position: relative;
        display: inline-block;
        overflow: hidden;
        color: #fff;
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
        background: #ccc;
        @include box-size(32px, true);
        border-radius: 50%;
        &>img {
            display: block;
            @include box-size(100%);
            object-fit: cover;
        }
        &-lg {
            @include box-size(72px, true)
        }
    }

    $size: 20px;
    &__padding {
        padding: $size;
    }
    &__padding-left {
        padding-left: $size;
    }
    &__padding-top {
        padding-top: $size;
    }
    &__padding-right {
        padding-right: $size;
    }
    &__padding-bottom {
        padding-bottom: $size;
    }
    &__padding-horizontal {
        padding-left: $size;
        padding-right: $size;
    }
    &__padding-vertical {
        padding-top: $size;
        padding-bottom: $size;
    }

    &__tip {
        margin-top: 4px;
        font-size: 12px;
        line-height: 1.5;
        color: #8c8c8c;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}
